<script lang="ts" setup name="App">
import  person from './components/person.vue'
import {reactive} from "vue";
import { type Persons } from "@/types";

//reactive可以直接传泛型
let personList =reactive<Persons>( [
    {id:'001',name:'张三',age: 18},
    {id:'002',name:'李四',age: 42},
    {id:'003',name:'赵武',age: 18},
])
console.log(personList)
</script>

<template>
    <!--    vue3可以写多个根标签-->
  <person a="哈哈" :list="personList"/>
<!--    <person/>-->
<!--    <person/>-->
</template>

<style scoped>

</style>